<!--
/**
* Author: zyf
* Date: 2020-03-25 10:24
* Desc: GetSuccess 领取成功提示
*/
-->

<template>
  <zm-popup v-model="visible" mode="center" :round="10">
    <view class="get-success__box">
      <zm-image height="500rpx" width="500rpx" :src="info.image" />
      <view class="get-success__desc">长按二维码关注公众号</view>
    </view>
  </zm-popup>
</template>

<script>
  import ZmPopup from '@/commons/ZmPopup'
  import ZmImage from '@/commons/ZmImage'
  export default {
    name: 'GetSuccess',
    components: { ZmPopup, ZmImage },
    props: {
      value: {
        type: Boolean,
        default: false
      },
      info: {
        type: Object,
        default: () => {
          return {
            image: ''
          }
        }
      },
      hide: Boolean
    },
    data() {
      return {
        draw: null
      }
    },
    computed: {
      visible: {
        get() {
          return this.value
        },
        set(v) {
          this.$emit('input', v)
        }
      }
    },

    methods: {
      // 初始化方法
      init() {}
    }
  }
</script>
<style lang="scss" scoped>
  .get-success__box {
    width: 600rpx;
    padding-top: 70rpx;
    padding-bottom: 15rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 20rpx;
    background: #fff;
    .get-success__icon {
      width: 260rpx;
      height: auto;
    }
    .get-success__title {
      color: $mainColor;
      font-weight: 500;
      font-size: 32rpx;
      margin-top: 3rpx;
      margin-bottom: 15rpx;
    }
    .get-success__desc {
      color: $gray;
      font-size: 26rpx;
      margin-top: 15rpx;
      padding: 0;
    }
  }
</style>
